<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>order</title>
    <link rel="stylesheet" type="text/css" href="../css/discountcoupon.css">
    <!--<link rel="stylesheet" type="text/css" href="../css/zero0.css">-->
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/order.css">
    <style>  body{background-color: inherit}</style>
    <link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css">
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/layui/layui.js"></script>
    <script src="../js/order.js"></script>
</head>
<body>
	<!-- header -->
	<header>
		<div class="header">
			<ul class="clearfix">
				<li class="fl"><a href="javascript:;">票牛首页</a></li>
				<li class="fr fr1" id="frf">
          <a href="javascript:;">手机票牛</a>
          <a href="javascript:;" id="frz"><img src="../img/app.jpg"></a>
        </li>
				<li class="fr fr2" id="dwf">
					<p class="clearfix" >
						<a href="javascript:;" class="fl username">用户***************</a>
					<span class="fl">,您好</span>
					</p>	
          <ul class="dw" id="dwz" >
            <li>
              <a href="javascript:;" style="color: red;">用户******</a>
              <span>,您好</span>
            </li>
            <li><a href="">我的订单</a></li>
            <li><a href="">我的钱包</a></li>
            <li><a href="">账户设置</a></li>
            <li><a href="">退出登录</a></li>
          </ul>
				</li>
			</ul>
		</div>
	</header>
	<!-- nav -->
	<div class="clearfix nav">
		<h1 class="fl"><a href="javascript:;">票牛网</a></h1>
		<div class="fl">
			<ul class="clearfix">
				<li class="fl">1.选择商品</li>
				<li class="fl change1">
					<img src="../img/5-b10.png" class="im1">
					2.确认订单信息
					<img src="../img/5-b9.png" class="im2">
			    </li>
				<li class="fl change2">3.支付订单
					<img src="../img/5-b11.png" class="im3">
				</li>
				<li class="fl">4.成功</li>
			</ul>
		</div>
	</div>
    <!--  -->
	<div class="way">配送方式</div>
    <!--  -->
    <div class="bill">
    	<p>电子票</p>
    </div>
    <!--  -->
    <div class="clearfix tck">
    	<div class="top"></div>
    	<div class="fl left">
    		<div class="clearfix row">
    			<p class="fl">取票人</p>
    			<input type="" name="" class="fl" placeholder="未填写姓名">
    		</div>
    		<div class="clearfix row">
    			<p class="fl">手机号</p>
    			<input type="" name="" class="fl" placeholder="手机号码">
    		</div>
    	</div>
    	<div class="fl right">支付成功后，凭短信入场，或到演出地点兑换纸质票后入场</div>
    </div>
   <!--  -->










   <div class="msg">
       <h3 class="title">订单信息</h3>
       <a href="http://localhost:8080/static/html2/discountcouponmf.html"><input type="button" class="layui-btn" value="领取优惠券"></a>
   	 <ul class="clearfix top">
   	 	<li class="fl">商品提供：开心麻花</li>
   	 	<li class="fr">无票赔付680元</li>
   	 </ul>

       <ul class="clearfix ">
            <div class="layui-row bottom coupon">

                <div class=" layui-col-xs6 layui-col-sm6 layui-col-md6">
                    <div class="yhj">
                        <div class="yhj_l">
                            <small>￥</small>20
                        </div>
                        <div class="yhj_r">
                            <div class="yhj_r_t">
                                <div class="d">儿童亲子立减20元 </div>
                                <div class="x">APP专享，满200元可用 </div>
                            </div>
                            <div class="yhj_r_b layui-col-md8">
                                有效期：2018.12.08 - 2019.03.08
                            </div>
                            <div  style="display: none"></div>
                            <input type="button" value="使用" class="layui-btn layui-btn-sm layui-btn-danger layui-col-md4 shiyong">
                        </div>
                    </div>
                </div>

				<div class=" layui-col-xs6 layui-col-sm6 layui-col-md6">
					<div class="yhj">
						<div class="yhj_l">
							<small>￥</small>20
						</div>
						<div class="yhj_r">
							<div class="yhj_r_t">
								<div class="d">儿童亲子立减20元 </div>
								<div class="x">APP专享，满200元可用 </div>
							</div>
							<div class="yhj_r_b layui-col-md8">
								有效期：2018.12.08 - 2019.03.08
							</div>
							<div  style="display: none"></div>
							<input type="button" value="使用" class="layui-btn layui-btn-sm layui-btn-danger layui-col-md4 shiyong">
						</div>
					</div>
				</div>

            </div>

       </ul>
   	 <ul class="clearfix msg1">
   	 	<li class="fl">
   	 		<div class="clearfix">
   	 			<div class="fl image">
   	 				<img src="../img/5-b7.jpg">
   	 			</div>
   	 			<div class="fl msg-1">
   	 				<p class="p1">牢友记</p>
   	 	            <p>虹桥艺术中心</p>
   	 	            <p>2018年12月09日 14:30</p>
   	 	            <p class="p2">电子票</p>
   	 			</div>
   	 		</div>
   	 	</li>
   	 	<li class="fl msg-2">
   	 		<p class="p3">
   	 			<span>1层5排16号</span>
   	 			<span class="price">票档：680元</span>
   	 		</p>
   	 		<p>
   	 			<span>1层5排18号</span>
   	 			<span class="price">票档：680元</span>
   	 		</p>
   	 	</li>
   	 	<li class="fl msg-3">
   	 		<p class="p4">￥680.00</p>
   	 		<p>￥680.00</p>
   	 	</li>
   	 	<li class="fl msg-4">
   	 		<p class="p5">1</p>
   	 		<p>1</p>
   	 	</li>
   	 	<li class="fl msg-5">￥1360</li>
   	 </ul>
   </div>
   <!--  -->
   <div class="confirm">
   	  <div>
   	  	<ul class="clearfix" style="line-height:38px;">
   	  		<li class="fl" style="color:#999;">运费：</li>
   	  		<li class="fl" style="padding-left:44px;color:#999;">无需邮费</li>
   	  		<li class="fr">￥0</li>
   	  	</ul>
   	  	<ul class="clearfix" style="line-height:47px">
            <li style="color:#999;">原价:</li>
   	  		<li class="fl" style="color:#999;">应付金额:</li>
   	  		<li class="fr" style="font-size:25px;color:#ff2661;">￥1360.00</li>
   	  	</ul>
		  <ul class="clearfix" style="line-height:47px">

		  </ul>
   	  	<ul class="clearfix">
   	  		<li class="fl" style="padding-left:101px;padding-top:38px;color:#999;">
            <img src="../img/5-b13.png" style="width:13px;height:13px;">
          不支持退换
        	</li>
   	  		<li class="fr con1"><a href="Offer.html">确认订单</a></li>
   	  	</ul>
   	  	<p><a href="javascript:;">优惠说明</a></p>
   	  </div>
   </div>
   <!-- 尾部 -->
   <!-- 尾部 -->
<!-- <footer>
  <div class="content">
    <div class="container">
      <a href="javascript:;" rel="nofollow" class="item">
        <img src="../img/icon-diamond.3524e325.png" class="icon">
        <div class="text">
          <div class="title">无票赔付</div>
          <div class="desc">无票赔付，最高退一赔二</div>
        </div>
      </a>
      <a href="javascript:;" rel="nofollow" class="item">
        <img src="../img/icon-shield.ff071a4b.png" class="icon"><div class="text"><div class="title">出票保真</div>
        <div class="desc">全程消费保障，买得放心</div>
      </div>
      </a>
      <a href="javascript:;" rel="nofollow" class="item">
        <img src="../img/icon-umbrella.ed43b4ea.png" class="icon">
        <div class="text">
          <div class="title">配送保障</div>
          <div class="desc">多种取票方式 安全送达</div>
        </div>
      </a>
    </div>
  </div>

</footer>
<div  class="footer">
  <div class="content">
    <div class="container">
      <div class="links-and-brand">
        <img src="https://static.piaoniu.com/pc/ui/img/footer-logo.1a1486d7.png" class="footer-logo">

        <div class="helps">
          <div class="buyDesc help">
            <div class="title">订票说明</div>
            <div class="item">
              <a href="/questions?question=订购渠道&amp;questionGroup=订购说明" rel="nofollow">订购渠道</a>
            </div>
            <div class="item">
              <a href="/questions?question=演出状态&amp;questionGroup=订购说明" rel="nofollow">演出状态</a>
            </div>
            <div class="item">
              <a href="/questions?question=如何订购&amp;questionGroup=订购说明" rel="nofollow">如何订购</a>
            </div>
            <div class="item">
              <a href="/questions?question=价格说明&amp;questionGroup=订购说明" rel="nofollow">价格说明</a>
            </div>
            <div class="item">
              <a href="/questions?question=关于座位&amp;questionGroup=订购说明" rel="nofollow">关于座位</a>
            </div>
          </div>
          <div class="payType help">
            <div class="title">支付方式</div>
            <div class="item">
              <a href="/questions?question=在线支付&amp;questionGroup=支付方式" rel="nofollow">在线支付</a>
            </div>
            <div class="item">
              <a href="/questions?question=花呗&amp;questionGroup=支付方式" rel="nofollow">花呗</a>
            </div>
            <div class="item">
              <a href="/questions?question=银行卡支付&amp;questionGroup=支付方式" rel="nofollow">银行卡支付</a>
            </div>
          </div>
          <div class="deliverType help">
            <div class="title">配送方式</div>
            <div class="item">
              <a href="/questions?question=上门自取&amp;questionGroup=配送方式" rel="nofollow">上门自取</a>
            </div>
            <div class="item">
              <a href="/questions?question=现场自取&amp;questionGroup=配送方式" rel="nofollow">现场自取</a>
            </div>
            <div class="item">
              <a href="/questions?question=顺丰配送&amp;questionGroup=配送方式" rel="nofollow">顺丰配送</a>
            </div>
            <div class="item">
              <a href="/questions?question=电子票&amp;questionGroup=配送方式" rel="nofollow">电子票</a>
            </div>
          </div>
          <div class="afterSaleService help">
            <div class="title">售后服务</div>
            <div class="item">
              <a href="/questions?question=退换票说明&amp;questionGroup=售后服务" rel="nofollow">退换票说明</a>
            </div>
            <div class="item">
              <a href="/questions?question=退款说明&amp;questionGroup=售后服务" rel="nofollow">退款说明</a>
            </div>
            <div class="item">
              <a href="/questions?question=退款条件&amp;questionGroup=售后服务" rel="nofollow">退款条件</a>
            </div>
          </div>
          <div class="featureService help">
            <div class="title">特色服务</div>
            <div class="item">
              <a href="/services" rel="nofollow">无票赔付</a>
            </div>
            <div class="item">
              <a href="/services" rel="nofollow">下单一小时可退款</a>
            </div>
            <div class="item">
              <a href="/services" rel="nofollow">保证真票</a>
            </div>
            <div class="item">
              <a href="/services" rel="nofollow">配送保障</a>
            </div>
          </div>
        </div>
        <div class="qr-codes">
          <div class="item">
            <img src="https://static.piaoniu.com/pc/img/qr-app.a2c8e636.png" class="img">
            <div class="text">票牛app</div>
          </div>
        </div>

      </div>
    </div>





  </div>





</div> -->
<div class="footer1">
  <div class="content">
      <div class="links">
          <a href="/about" rel="nofollow">关于我们</a>
          <a href="/contact" rel="nofollow">联系我们</a>
          <a href="http://piaoniu.zhiye.com/" rel="nofollow">加入我们</a>
          <a href="/actor" rel="nofollow">艺人</a>
          <a href="/city/all" rel="nofollow">全部城市</a>
          <a href="http://news.piaoniu.com/" rel="nofollow">票牛资讯</a>
          <a href="https://m.piaoniu.com/about/privacy-policy.html" rel="nofollow">隐私政策</a>
          <a href="/disputeResolution" rel="nofollow">争议调解</a>
          <a href="javascirpt:;" class="hot-find">热门搜索</a>
      </div> 
      <div class="hot-search">
          
      
        <a href="//www.piaoniu.com/stag/32048">BIGBANG郑州演唱会</a>
        <a href="//www.piaoniu.com/stag/48745">刘若英兰州演唱会行程</a>
        <a href="//www.piaoniu.com/stag/56052">魏如萱海口演唱会行程</a>
        <a href="//www.piaoniu.com/stag/56286">Teen Top梧州演唱会行程</a>
        <a href="//www.piaoniu.com/stag/62199">Ben UFO贵阳演唱会行程</a>
        <a href="//www.piaoniu.com/stag/62472">Mr. Graceless长春演唱会行程</a>
        <a href="//www.piaoniu.com/stag/67415">刘思涵太原演唱会行程</a>
        <a href="//www.piaoniu.com/stag/75673">叶丽仪绍兴演唱会行程</a>
        <a href="//www.piaoniu.com/stag/86996">方季惟南宁演唱会安排</a>
      <!--  <a href="//www.piaoniu.com/stag/112643">吕方温州演唱会安排</a> -->
              
      </div>
      <div class="w-conduct">
        上海颂品网络科技有限公司 Copyright (c) 2015年 Songpin. All rights reserved. | 沪ICP备14000399号-2
      </div>
      <div class="police-icons">
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001682" target="_blank" rel="nofollow" class="link link-police">
          <img src="https://static.piaoniu.com/pc/img/police.dfd1a0f7.png" class="icon">
          <div class="text">沪公网安备 31010602001682号</div>
        </a>
        <a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=2016050618242638" target="_blank" rel="nofollow" class="link link-gongshang">
          <img src="https://static.piaoniu.com/pc/img/gongshang.5c149d3e.png" class="icon">
          <div class="text">上海工商</div>
        </a>
      </div>
        
    </div>
</div>

</body>
<script type="text/javascript">
  var oBox = document.getElementById('dwf');
  var oBox1 = document.getElementById('dwz');
  var oBox2 = document.getElementById('frf');
  var oBox3 = document.getElementById('frz');
  oBox.onmouseover = function(){
    oBox1.style.display = 'block';
  }
   oBox.onmouseout = function(){
    oBox1.style.display = 'none';
  }
  oBox2.onmouseover = function(){
    oBox3.style.display = 'block';
  }
   oBox2.onmouseout = function(){
    oBox3.style.display = 'none';
  }

</script>
</html>